Adlandırılmış renk · #2DA6BF
Gulf Waters
Gulf Waters, #2DA6BF: rgb(45 166 191), hsl(190 62% 46%), oklch(0.672 0.108 215.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Gulf Waters color name →
#2DA6BF
oklch(0.672 0.108 215.2)
Renk dönüşümleri
- HEX
- #2da6bf
- RGB
- rgb(45 166 191)
- HSL
- hsl(190 62% 46%)
- HWB
- hwb(190 18% 25%)
- OKLCH
- oklch(0.672 0.108 215.2)
- OKLab
- oklab(0.672 -0.088 -0.062)
- CIE Lab
- lab(62.57 -27.32 -22.87)
- LCH
- lch(62.57 35.63 219.9)
- CMYK
- cmyk(76% 13% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4CAFC5
- 64B8CC
- 7AC1D2
- 8ECAD9
- A2D3DF
- B5DCE6
- C7E4EC
- DAEDF2
- EDF6F9
Koyu tonlar
- 2690A6
- 1F7A8D
- 186575
- 11515E
- 0B3E48
- 062B33
- 021A1F
- 010A0D
- 000102
Gri tonlar
- 3EA2B9
- 4A9FB2
- 549BAC
- 5D97A6
- 64949F
- 6B9099
- 718C93
- 76888D
- 7B8486
Renk uyumları
Tamamlayıcı +180°
- 2DA6BF
Gulf Waters
- CF7D68
≈ Fire Chalk
Analog -30° +30°
- 2DA6BF
Gulf Waters
- 2DAB9E
≈ Tropical Hideaway
- 599CD4
≈ Blue Bay
Üçlü +120° +240°
- 2DA6BF
Gulf Waters
- BF7CB0
≈ Colombo Red Mauve
- AA9540
≈ Semi Opal
Bölünmüş tamamlayıcı +150° +210°
- 2DA6BF
Gulf Waters
- CD798D
≈ Dusky Pink
- C38749
≈ Automn Fox
Dörtlü +90° +180° +270°
- 2DA6BF
Gulf Waters
- A584CB
≈ Lilac Purple
- CF7D68
≈ Fire Chalk
- 86A155
≈ Springview Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.86:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.31:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--gulf-waters: #2da6bf;
--gulf-waters-rgb: 45 166 191;
--gulf-waters-oklch: oklch(0.672 0.108 215.2);
}
.element {
color: var(--gulf-waters);
background-color: hsl(190 62% 46%);
border-color: oklch(0.672 0.108 215.2);
}Tailwind CSS v4
@theme {
--color-gulf-waters: #2da6bf;
--color-gulf-waters-50: #d4feff;
--color-gulf-waters-100: #c0f1ff;
--color-gulf-waters-200: #9fe0f2;
--color-gulf-waters-300: #73c5db;
--color-gulf-waters-400: #43aec6;
--color-gulf-waters-500: #0097b3;
--color-gulf-waters-600: #008097;
--color-gulf-waters-700: #006679;
--color-gulf-waters-800: #004c59;
--color-gulf-waters-900: #00353e;
--color-gulf-waters-950: #002027;
}SCSS
$gulf-waters: #2da6bf;
$gulf-waters-rgb: 45, 166, 191;
$gulf-waters-light: mix(#fff, $gulf-waters, 20%);
$gulf-waters-dark: mix(#000, $gulf-waters, 20%);
.element {
color: $gulf-waters;
box-shadow: 0 0 0 2px rgba($gulf-waters, 0.35);
}