色名 · #C33E29
Dried Saffron
Dried Saffronは#C33E29：rgb(195 62 41)、hsl(8 65% 46%)、oklch(0.554 0.173 31.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Dried Saffron color name →
#C33E29
oklch(0.554 0.173 31.7)
カラー変換
- HEX
- #c33e29
- RGB
- rgb(195 62 41)
- HSL
- hsl(8 65% 46%)
- HWB
- hwb(8 16% 24%)
- OKLCH
- oklch(0.554 0.173 31.7)
- OKLab
- oklab(0.554 0.147 0.091)
- CIE Lab
- lab(46.62 52.99 43.13)
- LCH
- lch(46.62 68.32 39.1)
- CMYK
- cmyk(0% 68% 79% 24%)
ティント · シェード · トーン
ティント
- CC5540
- D46956
- DB7D6B
- E28F7F
- E8A294
- EEB5A9
- F3C7BE
- F8DAD3
- FCECE9
シェード
- A93522
- 902B1C
- 782315
- 601A0F
- 4A1209
- 340A05
- 200402
- 0E0101
- 020000
トーン
- BE4835
- B8513F
- B35848
- AD5F51
- A66659
- A06B61
- 997169
- 917671
- 897B78
カラーハーモニー
補色 +180°
- C33E29
Dried Saffron
- 008193
≈ Craftsman Blue
類似色 -30° +30°
- C33E29
Dried Saffron
- BE396B
≈ Spicy Purple
- A65E00
≈ Raw Umber
トライアド +120° +240°
- C33E29
Dried Saffron
- 008A44
≈ The Wild Apothecary
- 5166D6
≈ Thick Blue
スプリットコンプリメンタリー +150° +210°
- C33E29
Dried Saffron
- 008577
≈ Mystic Turquoise
- 007AB7
≈ Star Command Blue
テトラード +90° +180° +270°
- C33E29
Dried Saffron
- 667E00
≈ Jungle Vibes
- 008193
≈ Craftsman Blue
- 8653C5
≈ Fuchsia Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.19:1 · APCA Lc 75
Ag
Fail黒の上
WCAG 4.04:1 · APCA Lc 27
最適な文字色: #FFFFFF
WCAG 5.19:1 (AA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--dried-saffron: #c33e29;
--dried-saffron-rgb: 195 62 41;
--dried-saffron-oklch: oklch(0.554 0.173 31.7);
}
.element {
color: var(--dried-saffron);
background-color: hsl(8 65% 46%);
border-color: oklch(0.554 0.173 31.7);
}Tailwind CSS v4
@theme {
--color-dried-saffron: #c33e29;
--color-dried-saffron-50: #ffe4d5;
--color-dried-saffron-100: #ffd4c2;
--color-dried-saffron-200: #ffb9a4;
--color-dried-saffron-300: #ff947c;
--color-dried-saffron-400: #f3715b;
--color-dried-saffron-500: #e14b34;
--color-dried-saffron-600: #be412d;
--color-dried-saffron-700: #993424;
--color-dried-saffron-800: #72241b;
--color-dried-saffron-900: #511811;
--color-dried-saffron-950: #350804;
}SCSS
$dried-saffron: #c33e29;
$dried-saffron-rgb: 195, 62, 41;
$dried-saffron-light: mix(#fff, $dried-saffron, 20%);
$dried-saffron-dark: mix(#000, $dried-saffron, 20%);
.element {
color: $dried-saffron;
box-shadow: 0 0 0 2px rgba($dried-saffron, 0.35);
}