Adlandırılmış renk · #92D0D0
Bora Bora Shore
Bora Bora Shore, #92D0D0: rgb(146 208 208), hsl(180 40% 69%), oklch(0.816 0.063 196). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Bora Bora Shore color name →
#92D0D0
oklch(0.816 0.063 196)
Renk dönüşümleri
- HEX
- #92d0d0
- RGB
- rgb(146 208 208)
- HSL
- hsl(180 40% 69%)
- HWB
- hwb(180 57% 18%)
- OKLCH
- oklch(0.816 0.063 196)
- OKLab
- oklab(0.816 -0.061 -0.017)
- CIE Lab
- lab(79.29 -20.48 -6.7)
- LCH
- lch(79.29 21.55 198.1)
- CMYK
- cmyk(30% 0% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9DD5D5
- A9D9D9
- B4DEDE
- BFE3E3
- CAE8E7
- D4ECEC
- DFF1F1
- EAF6F5
- F4FAFA
Koyu tonlar
- 7EB5B5
- 6B9A9A
- 588080
- 466767
- 354F4F
- 253939
- 162323
- 081010
- 010202
Gri tonlar
- 91C8C8
- 90C0BF
- 8EB7B7
- 8DAFAF
- 8BA7A7
- 899F9F
- 879797
- 85908F
- 828888
Renk uyumları
Tamamlayıcı +180°
- 92D0D0
Bora Bora Shore
- E9B3B5
≈ Strawberry Yoghurt
Analog -30° +30°
- 92D0D0
Bora Bora Shore
- 9CD0B9
≈ Feather Green
- 97CCE2
≈ Medical Mask
Üçlü +120° +240°
- 92D0D0
Bora Bora Shore
- D3B7DF
≈ Pretty Petunia
- DBBE95
≈ Bananas Foster
Bölünmüş tamamlayıcı +150° +210°
- 92D0D0
Bora Bora Shore
- E2B3CB
≈ Muddy Mauve
- E6B7A1
≈ Black-Eyed Peach
Dörtlü +90° +180° +270°
- 92D0D0
Bora Bora Shore
- BFBDEB
≈ Vodka
- E9B3B5
≈ Strawberry Yoghurt
- C8C697
≈ Paris Mint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.15:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.15:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--bora-bora-shore: #92d0d0;
--bora-bora-shore-rgb: 146 208 208;
--bora-bora-shore-oklch: oklch(0.816 0.063 196);
}
.element {
color: var(--bora-bora-shore);
background-color: hsl(180 40% 69%);
border-color: oklch(0.816 0.063 196);
}Tailwind CSS v4
@theme {
--color-bora-bora-shore: #92d0d0;
--color-bora-bora-shore-50: #e1fbfc;
--color-bora-bora-shore-100: #d1efef;
--color-bora-bora-shore-200: #b6ddde;
--color-bora-bora-shore-300: #92c2c3;
--color-bora-bora-shore-400: #71aaab;
--color-bora-bora-shore-500: #4f9394;
--color-bora-bora-shore-600: #447d7d;
--color-bora-bora-shore-700: #366464;
--color-bora-bora-shore-800: #264949;
--color-bora-bora-shore-900: #193332;
--color-bora-bora-shore-950: #0a1f1e;
}SCSS
$bora-bora-shore: #92d0d0;
$bora-bora-shore-rgb: 146, 208, 208;
$bora-bora-shore-light: mix(#fff, $bora-bora-shore, 20%);
$bora-bora-shore-dark: mix(#000, $bora-bora-shore, 20%);
.element {
color: $bora-bora-shore;
box-shadow: 0 0 0 2px rgba($bora-bora-shore, 0.35);
}