最接近的命名颜色 · #ADCCD4
#ADCCD4
最接近的命名颜色: Subtle Breeze
#ADCCD4（rgb(173 204 212)、hsl(192 31% 75%)、oklch(0.825 0.035 215.1)）最接近命名颜色 Subtle Breeze。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#ADCCD4
oklch(0.825 0.035 215.1)
颜色转换
- HEX
- #adccd4
- RGB
- rgb(173 204 212)
- HSL
- hsl(192 31% 75%)
- HWB
- hwb(192 68% 17%)
- OKLCH
- oklch(0.825 0.035 215.1)
- OKLab
- oklab(0.825 -0.029 -0.02)
- CIE Lab
- lab(79.94 -9.46 -7.65)
- LCH
- lch(79.94 12.16 219)
- CMYK
- cmyk(18% 4% 0% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- B5D1D8
- BDD6DD
- C5DBE1
- CEE0E5
- D6E5E9
- DEEAEE
- E6F0F2
- EEF5F6
- F7FAFB
深色调
- 96B1B8
- 7F979D
- 6A7E83
- 556569
- 414E51
- 2D373A
- 1B2224
- 0B0F10
- 010202
灰色调
- A9C4CB
- A4BCC3
- A0B5BA
- 9BADB2
- 97A5A9
- 929EA1
- 8E9698
- 898F90
- 858788
配色和谐
互补色 +180°
- ADCCD4
Subtle Breeze
- DBBEB7
≈ Peach Blush
类似色 -30° +30°
- ADCCD4
Subtle Breeze
- ADCEC9
≈ Andean Opal Green
- B4C9DB
≈ Big Sur
三角配色 +120° +240°
- ADCCD4
Subtle Breeze
- D5BECF
≈ Pale Petals
- CCC6AD
≈ Prairie Dusk
分裂互补色 +150° +210°
- ADCCD4
Subtle Breeze
- DBBDC2
≈ Shy Smile
- D6C2AF
≈ Autumn Haze
四角配色 +90° +180° +270°
- ADCCD4
Subtle Breeze
- CBC0D8
≈ Awesome Aura
- DBBEB7
≈ Peach Blush
- C0CAB2
≈ Green Dragon Spring
对比度与无障碍
Ag
Fail白底
WCAG 1.69:1 · APCA Lc 30
Ag
AAA黑底
WCAG 12.36:1 · APCA Lc 72
最佳文字颜色: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--subtle-breeze: #adccd4;
--subtle-breeze-rgb: 173 204 212;
--subtle-breeze-oklch: oklch(0.825 0.035 215.1);
}
.element {
color: var(--subtle-breeze);
background-color: hsl(192 31% 75%);
border-color: oklch(0.825 0.035 215.1);
}Tailwind CSS v4
@theme {
--color-subtle-breeze: #adccd4;
--color-subtle-breeze-50: #ebf8fc;
--color-subtle-breeze-100: #dcebf0;
--color-subtle-breeze-200: #c4d8de;
--color-subtle-breeze-300: #a4bcc3;
--color-subtle-breeze-400: #88a4ab;
--color-subtle-breeze-500: #6c8c95;
--color-subtle-breeze-600: #5c777e;
--color-subtle-breeze-700: #495f65;
--color-subtle-breeze-800: #35464a;
--color-subtle-breeze-900: #243033;
--color-subtle-breeze-950: #131c1f;
}SCSS
$subtle-breeze: #adccd4;
$subtle-breeze-rgb: 173, 204, 212;
$subtle-breeze-light: mix(#fff, $subtle-breeze, 20%);
$subtle-breeze-dark: mix(#000, $subtle-breeze, 20%);
.element {
color: $subtle-breeze;
box-shadow: 0 0 0 2px rgba($subtle-breeze, 0.35);
}