最も近い色名 · #CDE7D9
#CDE7D9
最も近い色名: Splashdown
#CDE7D9（rgb(205 231 217)、hsl(148 35% 85%)、oklch(0.905 0.033 162.2)）に最も近い色名はSplashdownです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CDE7D9
oklch(0.905 0.033 162.2)
カラー変換
- HEX
- #cde7d9
- RGB
- rgb(205 231 217)
- HSL
- hsl(148 35% 85%)
- HWB
- hwb(148 80% 9%)
- OKLCH
- oklch(0.905 0.033 162.2)
- OKLab
- oklab(0.905 -0.032 0.01)
- CIE Lab
- lab(89.43 -10.86 3.78)
- LCH
- lch(89.43 11.5 160.8)
- CMYK
- cmyk(11% 0% 6% 9%)
ティント · シェード · トーン
ティント
- D2E9DD
- D7ECE1
- DCEEE4
- E1F1E8
- E6F3EC
- EBF5F0
- F0F8F3
- F5FAF7
- FAFDFB
シェード
- B2C9BC
- 98ABA1
- 7E8F86
- 66736C
- 4E5953
- 38403B
- 232825
- 0F1311
- 020302
トーン
- C5DCD0
- BDD2C7
- B5C7BD
- AEBDB4
- A6B2AB
- 9EA8A3
- 979E9A
- 8F9491
- 878A89
カラーハーモニー
補色 +180°
- CDE7D9
Splashdown
- F0D7E6
≈ All Made Up
類似色 -30° +30°
- CDE7D9
Splashdown
- D7E5CE
≈ Infinitesimal Green
- C7E7E5
≈ Polar Expedition
トライアド +120° +240°
- CDE7D9
Splashdown
- DCDDF6
≈ Nostalgia Perfume
- F4D9CF
≈ Possibly Pink
スプリットコンプリメンタリー +150° +210°
- CDE7D9
Splashdown
- E7DAF0
≈ Pouty Purple
- F5D7DA
≈ Cherub
テトラード +90° +180° +270°
- CDE7D9
Splashdown
- D0E2F6
≈ Weathered Blue
- F0D7E6
≈ All Made Up
- EEDDC8
≈ Intricate Ivory
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.31:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.02:1 · APCA Lc 88
最適な文字色: #000000
WCAG 16.02:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--splashdown: #cde7d9;
--splashdown-rgb: 205 231 217;
--splashdown-oklch: oklch(0.905 0.033 162.2);
}
.element {
color: var(--splashdown);
background-color: hsl(148 35% 85%);
border-color: oklch(0.905 0.033 162.2);
}Tailwind CSS v4
@theme {
--color-splashdown: #cde7d9;
--color-splashdown-50: #edf8f3;
--color-splashdown-100: #deece5;
--color-splashdown-200: #c8d9d0;
--color-splashdown-300: #a9bdb3;
--color-splashdown-400: #8ea598;
--color-splashdown-500: #738d80;
--color-splashdown-600: #61786c;
--color-splashdown-700: #4e6056;
--color-splashdown-800: #39463e;
--color-splashdown-900: #27312b;
--color-splashdown-950: #151d18;
}SCSS
$splashdown: #cde7d9;
$splashdown-rgb: 205, 231, 217;
$splashdown-light: mix(#fff, $splashdown, 20%);
$splashdown-dark: mix(#000, $splashdown, 20%);
.element {
color: $splashdown;
box-shadow: 0 0 0 2px rgba($splashdown, 0.35);
}