最も近い色名 · #E09939
#E09939
最も近い色名: Persimmon
#E09939（rgb(224 153 57)、hsl(34 73% 55%)、oklch(0.737 0.137 70.3)）に最も近い色名はPersimmonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E09939
oklch(0.737 0.137 70.3)
カラー変換
- HEX
- #e09939
- RGB
- rgb(224 153 57)
- HSL
- hsl(34 73% 55%)
- HWB
- hwb(34 22% 12%)
- OKLCH
- oklch(0.737 0.137 70.3)
- OKLab
- oklab(0.737 0.046 0.129)
- CIE Lab
- lab(69.23 21.47 58.86)
- LCH
- lch(69.23 62.65 70)
- CMYK
- cmyk(0% 32% 75% 12%)
ティント · シェード · トーン
ティント
- E4A453
- E7AE69
- EBB87D
- EEC290
- F1CDA3
- F4D7B6
- F7E1C8
- FAEBDA
- FDF5ED
シェード
- C38430
- A67028
- 8A5D1F
- 704A17
- 563810
- 3E2709
- 271704
- 120801
- 020100
トーン
- D69745
- CD954F
- C39358
- BA905F
- B08E66
- A78B6C
- 9D8972
- 938677
- 8A837C
カラーハーモニー
補色 +180°
- E09939
Persimmon
- 61AFFD
≈ Tiān Lán Sky
類似色 -30° +30°
- E09939
Persimmon
- F28A64
≈ Morning Marmalade
- BEAB31
≈ Hey Pesto
トライアド +120° +240°
- E09939
Persimmon
- 00C3BC
≈ Cala Benirrás Blue
- C590EA
≈ Luminous Lavender
スプリットコンプリメンタリー +150° +210°
- E09939
Persimmon
- 00BCE4
≈ Maldives
- 9A9FFE
≈ Cobalite
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.39:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.78:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--persimmon: #e09939;
--persimmon-rgb: 224 153 57;
--persimmon-oklch: oklch(0.737 0.137 70.3);
}
.element {
color: var(--persimmon);
background-color: hsl(34 73% 55%);
border-color: oklch(0.737 0.137 70.3);
}Tailwind CSS v4
@theme {
--color-persimmon: #e09939;
--color-persimmon-50: #fff0cb;
--color-persimmon-100: #ffe1b6;
--color-persimmon-200: #f9cb93;
--color-persimmon-300: #e3ac64;
--color-persimmon-400: #d18f35;
--color-persimmon-500: #be7200;
--color-persimmon-600: #a06100;
--color-persimmon-700: #814e00;
--color-persimmon-800: #603700;
--color-persimmon-900: #442600;
--color-persimmon-950: #2c1400;
}SCSS
$persimmon: #e09939;
$persimmon-rgb: 224, 153, 57;
$persimmon-light: mix(#fff, $persimmon, 20%);
$persimmon-dark: mix(#000, $persimmon, 20%);
.element {
color: $persimmon;
box-shadow: 0 0 0 2px rgba($persimmon, 0.35);
}