最も近い色名 · #D7FFEE
#D7FFEE
最も近い色名: Candied Snow
#D7FFEE（rgb(215 255 238)、hsl(155 100% 92%)、oklch(0.967 0.047 167.8)）に最も近い色名はCandied Snowです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D7FFEE
oklch(0.967 0.047 167.8)
カラー変換
- HEX
- #d7ffee
- RGB
- rgb(215 255 238)
- HSL
- hsl(155 100% 92%)
- HWB
- hwb(155 84% 0%)
- OKLCH
- oklch(0.967 0.047 167.8)
- OKLab
- oklab(0.967 -0.046 0.01)
- CIE Lab
- lab(96.82 -15.72 3.65)
- LCH
- lch(96.82 16.13 166.9)
- CMYK
- cmyk(16% 0% 7% 0%)
ティント · シェード · トーン
ティント
- DBFFF0
- DFFFF1
- E3FFF3
- E7FFF5
- EBFFF6
- EFFFF8
- F3FFFA
- F7FFFC
- FBFFFD
シェード
- BBDECF
- 9FBEB1
- 859E93
- 6B8077
- 52635C
- 3B4842
- 252E2A
- 111614
- 020303
トーン
- CEF2E2
- C5E4D7
- BCD7CC
- B4CAC1
- ABBEB5
- A2B1AA
- 9AA4A0
- 919895
- 888C8A
カラーハーモニー
補色 +180°
- D7FFEE
Candied Snow
- FFEFF6
≈ Lavender Blush
類似色 -30° +30°
- D7FFEE
Candied Snow
- E5FCDE
≈ Frosted Plains
- D2FEFF
≈ Pale Blue
トライアド +120° +240°
- D7FFEE
Candied Snow
- F3F3FF
≈ Cloud Break
- FFF1EA
≈ Strawberry Dust
スプリットコンプリメンタリー +150° +210°
- D7FFEE
Candied Snow
- FBEFFF
≈ Lovely Euphoric Delight
- FFF0F0
≈ Sefid White
テトラード +90° +180° +270°
- D7FFEE
Candied Snow
- EEF5FF
≈ Placebo Blue
- FFEFF6
≈ Lavender Blush
- FFF2E0
≈ Pale Pearl
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.08:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.42:1 · APCA Lc 102
最適な文字色: #000000
WCAG 19.42:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--candied-snow: #d7ffee;
--candied-snow-rgb: 215 255 238;
--candied-snow-oklch: oklch(0.967 0.047 167.8);
}
.element {
color: var(--candied-snow);
background-color: hsl(155 100% 92%);
border-color: oklch(0.967 0.047 167.8);
}Tailwind CSS v4
@theme {
--color-candied-snow: #d7ffee;
--color-candied-snow-50: #e9faf3;
--color-candied-snow-100: #d9ede5;
--color-candied-snow-200: #c2dbd1;
--color-candied-snow-300: #a1c0b4;
--color-candied-snow-400: #84a899;
--color-candied-snow-500: #689180;
--color-candied-snow-600: #587a6c;
--color-candied-snow-700: #466257;
--color-candied-snow-800: #33483f;
--color-candied-snow-900: #23322b;
--color-candied-snow-950: #121e18;
}SCSS
$candied-snow: #d7ffee;
$candied-snow-rgb: 215, 255, 238;
$candied-snow-light: mix(#fff, $candied-snow, 20%);
$candied-snow-dark: mix(#000, $candied-snow, 20%);
.element {
color: $candied-snow;
box-shadow: 0 0 0 2px rgba($candied-snow, 0.35);
}