Màu có tên · #068E9E
Coral Coast
Coral Coast là #068E9E: rgb(6 142 158), hsl(186 93% 32%), oklch(0.592 0.101 208.8). 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 Cyan mean? → · Coral Coast color name →
#068E9E
oklch(0.592 0.101 208.8)
Chuyển đổi màu
- HEX
- #068e9e
- RGB
- rgb(6 142 158)
- HSL
- hsl(186 93% 32%)
- HWB
- hwb(186 2% 38%)
- OKLCH
- oklch(0.592 0.101 208.8)
- OKLab
- oklab(0.592 -0.089 -0.049)
- CIE Lab
- lab(53.5 -28.35 -18.07)
- LCH
- lch(53.5 33.62 212.5)
- CMYK
- cmyk(96% 10% 0% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3899A7
- 54A4B1
- 6BB0BB
- 82BBC4
- 97C6CE
- ACD1D8
- C1DDE1
- D6E8EB
- EAF4F5
Sắc đậm
- 047B89
- 036874
- 025660
- 01444D
- 01343A
- 002429
- 001518
- 000709
- 000101
Sắc xám
- 288D9B
- 398C98
- 468A95
- 518992
- 5B888F
- 63868C
- 6B8589
- 728386
- 798283
Hòa sắc
Bổ túc +180°
- 068E9E
Coral Coast
- B2655B
≈ Preserved Petals
Tương đồng -30° +30°
- 068E9E
Coral Coast
- 1E917F
≈ Miami Jade
- 3C86B3
≈ Curious Blue
Bộ ba +120° +240°
- 068E9E
Coral Coast
- 9F679C
≈ Royal Pretender
- 967A2C
≈ Fernweh
Bổ túc chia +150° +210°
- 068E9E
Coral Coast
- AE637D
≈ Apple II Rose
- AA6E3C
≈ Tanooki Suit Brown
Bộ bốn +90° +180° +270°
- 068E9E
Coral Coast
- 8670B2
≈ Dahlia Purple
- B2655B
≈ Preserved Petals
- 78863C
≈ Laird
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.91:1 · APCA Lc 66
Ag
AATrên nền đen
WCAG 5.37:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.37:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--coral-coast: #068e9e;
--coral-coast-rgb: 6 142 158;
--coral-coast-oklch: oklch(0.592 0.101 208.8);
}
.element {
color: var(--coral-coast);
background-color: hsl(186 93% 32%);
border-color: oklch(0.592 0.101 208.8);
}Tailwind CSS v4
@theme {
--color-coral-coast: #068e9e;
--color-coral-coast-50: #d5feff;
--color-coral-coast-100: #c2f2fb;
--color-coral-coast-200: #a2e1ed;
--color-coral-coast-300: #76c6d5;
--color-coral-coast-400: #48afbe;
--color-coral-coast-500: #0098aa;
--color-coral-coast-600: #00808f;
--color-coral-coast-700: #006773;
--color-coral-coast-800: #004c54;
--color-coral-coast-900: #01353b;
--color-coral-coast-950: #002025;
}SCSS
$coral-coast: #068e9e;
$coral-coast-rgb: 6, 142, 158;
$coral-coast-light: mix(#fff, $coral-coast, 20%);
$coral-coast-dark: mix(#000, $coral-coast, 20%);
.element {
color: $coral-coast;
box-shadow: 0 0 0 2px rgba($coral-coast, 0.35);
}