Màu có tên gần nhất · #CDE7D9
#CDE7D9
Màu có tên gần nhất: Splashdown
#CDE7D9 (rgb(205 231 217), hsl(148 35% 85%), oklch(0.905 0.033 162.2)) gần nhất với màu có tên Splashdown. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#CDE7D9
oklch(0.905 0.033 162.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D2E9DD
- D7ECE1
- DCEEE4
- E1F1E8
- E6F3EC
- EBF5F0
- F0F8F3
- F5FAF7
- FAFDFB
Sắc đậm
- B2C9BC
- 98ABA1
- 7E8F86
- 66736C
- 4E5953
- 38403B
- 232825
- 0F1311
- 020302
Sắc xám
- C5DCD0
- BDD2C7
- B5C7BD
- AEBDB4
- A6B2AB
- 9EA8A3
- 979E9A
- 8F9491
- 878A89
Hòa sắc
Bổ túc +180°
- CDE7D9
Splashdown
- F0D7E6
≈ All Made Up
Tương đồng -30° +30°
- CDE7D9
Splashdown
- D7E5CE
≈ Infinitesimal Green
- C7E7E5
≈ Polar Expedition
Bộ ba +120° +240°
- CDE7D9
Splashdown
- DCDDF6
≈ Nostalgia Perfume
- F4D9CF
≈ Possibly Pink
Bổ túc chia +150° +210°
- CDE7D9
Splashdown
- E7DAF0
≈ Pouty Purple
- F5D7DA
≈ Cherub
Bộ bốn +90° +180° +270°
- CDE7D9
Splashdown
- D0E2F6
≈ Weathered Blue
- F0D7E6
≈ All Made Up
- EEDDC8
≈ Intricate Ivory
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.31:1 · APCA Lc 15
Ag
AAATrên nền đen
WCAG 16.02:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 16.02:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
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);
}