Màu có tên · #B8D4BB
Surf
Surf là #B8D4BB: rgb(184 212 187), hsl(126 25% 78%), oklch(0.842 0.046 148.2). 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.
What does Green mean? → · Surf color name →
#B8D4BB
oklch(0.842 0.046 148.2)
Chuyển đổi màu
- HEX
- #b8d4bb
- RGB
- rgb(184 212 187)
- HSL
- hsl(126 25% 78%)
- HWB
- hwb(126 72% 17%)
- OKLCH
- oklch(0.842 0.046 148.2)
- OKLab
- oklab(0.842 -0.039 0.024)
- CIE Lab
- lab(82.31 -13.24 9.13)
- LCH
- lch(82.31 16.08 145.4)
- CMYK
- cmyk(13% 0% 12% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BFD8C2
- C6DDC8
- CDE1CF
- D4E5D6
- DBE9DD
- E2EEE3
- EAF2EA
- F1F6F1
- F8FBF8
Sắc đậm
- A0B8A2
- 889D8A
- 718373
- 5B695C
- 455146
- 313A32
- 1E241F
- 0C100D
- 020202
Sắc xám
- B2CBB5
- ADC3AF
- A7BAA9
- A1B2A3
- 9CA99D
- 96A197
- 919891
- 8B908C
- 868886
Hòa sắc
Bổ túc +180°
- B8D4BB
Surf
- DCC1DB
≈ Epiphany
Tương đồng -30° +30°
- B8D4BB
Surf
- C8D0AF
≈ Bamboo White
- ACD6CB
≈ Scud
Bộ ba +120° +240°
- B8D4BB
Surf
- BECBEA
≈ Cuddle
- E8C1BB
≈ Rose Petal
Bổ túc chia +150° +210°
- B8D4BB
Surf
- CEC5E6
≈ Italian Fitch
- E5C0CB
≈ Soap Pink
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.59:1 · APCA Lc 27
Ag
AAATrên nền đen
WCAG 13.17:1 · APCA Lc 76
Màu chữ tốt nhất: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--surf: #b8d4bb;
--surf-rgb: 184 212 187;
--surf-oklch: oklch(0.842 0.046 148.2);
}
.element {
color: var(--surf);
background-color: hsl(126 25% 78%);
border-color: oklch(0.842 0.046 148.2);
}Tailwind CSS v4
@theme {
--color-surf: #b8d4bb;
--color-surf-50: #ecf9ee;
--color-surf-100: #deece0;
--color-surf-200: #c7daca;
--color-surf-300: #a8beab;
--color-surf-400: #8da690;
--color-surf-500: #728f75;
--color-surf-600: #617964;
--color-surf-700: #4d614f;
--color-surf-800: #384739;
--color-surf-900: #273127;
--color-surf-950: #151d15;
}SCSS
$surf: #b8d4bb;
$surf-rgb: 184, 212, 187;
$surf-light: mix(#fff, $surf, 20%);
$surf-dark: mix(#000, $surf, 20%);
.element {
color: $surf;
box-shadow: 0 0 0 2px rgba($surf, 0.35);
}