色名 · #FFFFEE
Eburnean
Eburneanは#FFFFEE：rgb(255 255 238)、hsl(60 100% 97%)、oklch(0.995 0.022 106.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Eburnean color name →
#FFFFEE
oklch(0.995 0.022 106.8)
カラー変換
- HEX
- #ffffee
- RGB
- rgb(255 255 238)
- HSL
- hsl(60 100% 97%)
- HWB
- hwb(60 93% 0%)
- OKLCH
- oklch(0.995 0.022 106.8)
- OKLab
- oklab(0.995 -0.006 0.021)
- CIE Lab
- lab(99.66 -2.14 8.16)
- LCH
- lch(99.66 8.43 104.7)
- CMYK
- cmyk(0% 0% 7% 0%)
ティント · シェード · トーン
ティント
- FFFFF0
- FFFFF1
- FFFFF3
- FFFFF5
- FFFFF7
- FFFFF8
- FFFFFA
- FFFFFC
- FFFFFD
シェード
- DEDECF
- BEBEB1
- 9E9E93
- 808077
- 63635C
- 484842
- 2E2E2A
- 161614
- 030303
トーン
- F2F2E2
- E4E4D7
- D7D7CC
- CACAC1
- BDBEB5
- B1B1AB
- A4A4A0
- 989895
- 8C8C8A
カラーハーモニー
補色 +180°
- FFFFEE
Eburnean
- FDFDFF
≈ Pale Grey
類似色 -30° +30°
- FFFFEE
Eburnean
- FFFDFB
≈ Lotion
- FBFFF9
≈ Ceramic
トライアド +120° +240°
- FFFFEE
Eburnean
- FCFEFF
≈ Polar Bear in a Blizzard
- FFFDFE
≈ Whitecap Snow
スプリットコンプリメンタリー +150° +210°
- FFFFEE
Eburnean
- FDFEFF
≈ White as Heaven
- FEFDFF
≈ Pale Grey
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.01:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 20.79:1 · APCA Lc 107
最適な文字色: #000000
WCAG 20.79:1 (AAA) · APCA Lc 107
Contrast pairs
コードスニペット
CSS
:root {
--eburnean: #ffffee;
--eburnean-rgb: 255 255 238;
--eburnean-oklch: oklch(0.995 0.022 106.8);
}
.element {
color: var(--eburnean);
background-color: hsl(60 100% 97%);
border-color: oklch(0.995 0.022 106.8);
}Tailwind CSS v4
@theme {
--color-eburnean: #ffffee;
--color-eburnean-50: #f5f6ef;
--color-eburnean-100: #e8e9e0;
--color-eburnean-200: #d5d5ca;
--color-eburnean-300: #b8b8ac;
--color-eburnean-400: #a0a091;
--color-eburnean-500: #888777;
--color-eburnean-600: #737365;
--color-eburnean-700: #5c5c50;
--color-eburnean-800: #43433a;
--color-eburnean-900: #2e2e28;
--color-eburnean-950: #1b1b16;
}SCSS
$eburnean: #ffffee;
$eburnean-rgb: 255, 255, 238;
$eburnean-light: mix(#fff, $eburnean, 20%);
$eburnean-dark: mix(#000, $eburnean, 20%);
.element {
color: $eburnean;
box-shadow: 0 0 0 2px rgba($eburnean, 0.35);
}