色名 · #F2E0C3
Classic Ivory
Classic Ivoryは#F2E0C3：rgb(242 224 195)、hsl(37 64% 86%)、oklch(0.914 0.043 79.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Classic Ivory color name →
#F2E0C3
oklch(0.914 0.043 79.8)
カラー変換
- HEX
- #f2e0c3
- RGB
- rgb(242 224 195)
- HSL
- hsl(37 64% 86%)
- HWB
- hwb(37 76% 5%)
- OKLCH
- oklch(0.914 0.043 79.8)
- OKLab
- oklab(0.914 0.008 0.042)
- CIE Lab
- lab(90.09 3.01 16.61)
- LCH
- lch(90.09 16.88 79.7)
- CMYK
- cmyk(0% 7% 19% 5%)
ティント · シェード · トーン
ティント
- F3E3C9
- F5E6CF
- F6E9D5
- F7ECDB
- F9F0E1
- FAF3E7
- FBF6ED
- FCF9F3
- FEFCF9
シェード
- D2C3A9
- B4A690
- 968A78
- 797060
- 5E564A
- 433E34
- 2B2720
- 14120E
- 030202
トーン
- E6D6BC
- DACCB5
- CEC2AF
- C3B9A8
- B7AFA1
- ACA59A
- A19C94
- 96928D
- 8B8987
カラーハーモニー
補色 +180°
- F2E0C3
Classic Ivory
- D3E4FF
≈ Veiling Waterfalls
類似色 -30° +30°
- F2E0C3
Classic Ivory
- FBDBCA
≈ Camisole
- E4E6C5
≈ Tinted Mint
トライアド +120° +240°
- F2E0C3
Classic Ivory
- C2ECEE
≈ Icy Breeze
- F0DAF5
≈ Grape Taffy
スプリットコンプリメンタリー +150° +210°
- F2E0C3
Classic Ivory
- C6E9FA
≈ Icy Landscape
- E1DEFE
≈ Contrail
テトラード +90° +180° +270°
- F2E0C3
Classic Ivory
- C7ECDE
≈ Mint Tulip
- D3E4FF
≈ Veiling Waterfalls
- FAD7E7
≈ Sunset Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.29:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.22:1 · APCA Lc 89
最適な文字色: #000000
WCAG 16.22:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
CSS
:root {
--classic-ivory: #f2e0c3;
--classic-ivory-rgb: 242 224 195;
--classic-ivory-oklch: oklch(0.914 0.043 79.8);
}
.element {
color: var(--classic-ivory);
background-color: hsl(37 64% 86%);
border-color: oklch(0.914 0.043 79.8);
}Tailwind CSS v4
@theme {
--color-classic-ivory: #f2e0c3;
--color-classic-ivory-50: #fbf4e8;
--color-classic-ivory-100: #efe7d8;
--color-classic-ivory-200: #ded3c0;
--color-classic-ivory-300: #c3b69f;
--color-classic-ivory-400: #ac9c82;
--color-classic-ivory-500: #958366;
--color-classic-ivory-600: #7e6f57;
--color-classic-ivory-700: #655945;
--color-classic-ivory-800: #4b4132;
--color-classic-ivory-900: #342d22;
--color-classic-ivory-950: #1f1a11;
}SCSS
$classic-ivory: #f2e0c3;
$classic-ivory-rgb: 242, 224, 195;
$classic-ivory-light: mix(#fff, $classic-ivory, 20%);
$classic-ivory-dark: mix(#000, $classic-ivory, 20%);
.element {
color: $classic-ivory;
box-shadow: 0 0 0 2px rgba($classic-ivory, 0.35);
}