色名 · #D5EBAC
Faith
Faithは#D5EBAC：rgb(213 235 172)、hsl(81 61% 80%)、oklch(0.908 0.086 123.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Faith color name →
#D5EBAC
oklch(0.908 0.086 123.7)
カラー変換
- HEX
- #d5ebac
- RGB
- rgb(213 235 172)
- HSL
- hsl(81 61% 80%)
- HWB
- hwb(81 67% 8%)
- OKLCH
- oklch(0.908 0.086 123.7)
- OKLab
- oklab(0.908 -0.048 0.071)
- CIE Lab
- lab(90.26 -15.34 28.14)
- LCH
- lch(90.26 32.06 118.6)
- CMYK
- cmyk(9% 0% 27% 8%)
ティント · シェード · トーン
ティント
- D9EDB5
- DDEFBD
- E1F1C5
- E6F3CE
- EAF5D6
- EEF7DE
- F2F9E7
- F6FBEF
- FBFDF7
シェード
- B9CC95
- 9EAE7F
- 839169
- 6A7554
- 515B40
- 3A412D
- 24291B
- 10130B
- 020301
トーン
- CCE0A8
- C3D5A4
- BBCA9F
- B2BF9B
- A9B497
- A1AA92
- 999F8E
- 909589
- 888A85
カラーハーモニー
補色 +180°
- D5EBAC
Faith
- E8D9FF
≈ Lavender Savour
類似色 -30° +30°
- D5EBAC
Faith
- F4E09F
≈ Aspen Yellow
- B5F2C7
≈ Peasful Mint
トライアド +120° +240°
- D5EBAC
Faith
- C7E5FF
≈ Fresh Water
- FFD4DD
≈ No Need to Blush
スプリットコンプリメンタリー +150° +210°
- D5EBAC
Faith
- D7DFFF
≈ Transparent Blue
- FFD0F5
≈ Shampoo
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.30:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--faith: #d5ebac;
--faith-rgb: 213 235 172;
--faith-oklch: oklch(0.908 0.086 123.7);
}
.element {
color: var(--faith);
background-color: hsl(81 61% 80%);
border-color: oklch(0.908 0.086 123.7);
}Tailwind CSS v4
@theme {
--color-faith: #d5ebac;
--color-faith-50: #effae0;
--color-faith-100: #e1eecf;
--color-faith-200: #cbdbb4;
--color-faith-300: #adc090;
--color-faith-400: #94a76e;
--color-faith-500: #7b904e;
--color-faith-600: #687a43;
--color-faith-700: #536135;
--color-faith-800: #3d4724;
--color-faith-900: #2a3118;
--color-faith-950: #181d09;
}SCSS
$faith: #d5ebac;
$faith-rgb: 213, 235, 172;
$faith-light: mix(#fff, $faith, 20%);
$faith-dark: mix(#000, $faith, 20%);
.element {
color: $faith;
box-shadow: 0 0 0 2px rgba($faith, 0.35);
}