Adlandırılmış renk · #0F4645
Cyprus
Cyprus, #0F4645: rgb(15 70 69), hsl(179 65% 17%), oklch(0.36 0.055 193.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Cyprus color name →
#0F4645
oklch(0.36 0.055 193.2)
Renk dönüşümleri
- HEX
- #0f4645
- RGB
- rgb(15 70 69)
- HSL
- hsl(179 65% 17%)
- HWB
- hwb(179 6% 73%)
- OKLCH
- oklch(0.36 0.055 193.2)
- OKLab
- oklab(0.36 -0.053 -0.013)
- CIE Lab
- lab(26.33 -18.18 -4.79)
- LCH
- lch(26.33 18.8 194.8)
- CMYK
- cmyk(79% 0% 1% 73%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2A5756
- 416867
- 587A78
- 6E8C8A
- 869E9D
- 9DB1B0
- B5C4C3
- CDD7D7
- E6EBEB
Koyu tonlar
- 0B3C3B
- 083231
- 052827
- 031E1E
- 021515
- 010D0C
- 000505
- 000202
- 000000
Gri tonlar
- 1F4C4B
- 2B5150
- 365756
- 415D5C
- 4C6362
- 566968
- 616E6E
- 6B7474
- 767A7A
Renk uyumları
Tamamlayıcı +180°
- 0F4645
Cyprus
- 563135
≈ Mid Century
Analog -30° +30°
- 0F4645
Cyprus
- 1E4635
≈ Sherwood Green
- 164352
≈ Cold and Dark
Üçlü +120° +240°
- 0F4645
Cyprus
- 473452
≈ Oregon Grape
- 4E381A
≈ Café Noir
Bölünmüş tamamlayıcı +150° +210°
- 0F4645
Cyprus
- 513145
≈ Loulou
- 553325
≈ Wild Boar
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.59:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 1.98:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.59:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--cyprus: #0f4645;
--cyprus-rgb: 15 70 69;
--cyprus-oklch: oklch(0.36 0.055 193.2);
}
.element {
color: var(--cyprus);
background-color: hsl(179 65% 17%);
border-color: oklch(0.36 0.055 193.2);
}Tailwind CSS v4
@theme {
--color-cyprus: #0f4645;
--color-cyprus-50: #e4fafa;
--color-cyprus-100: #d4eeed;
--color-cyprus-200: #badcdb;
--color-cyprus-300: #97c1c0;
--color-cyprus-400: #78a9a7;
--color-cyprus-500: #599290;
--color-cyprus-600: #4c7b7a;
--color-cyprus-700: #3c6362;
--color-cyprus-800: #2b4947;
--color-cyprus-900: #1d3231;
--color-cyprus-950: #0d1e1d;
}SCSS
$cyprus: #0f4645;
$cyprus-rgb: 15, 70, 69;
$cyprus-light: mix(#fff, $cyprus, 20%);
$cyprus-dark: mix(#000, $cyprus, 20%);
.element {
color: $cyprus;
box-shadow: 0 0 0 2px rgba($cyprus, 0.35);
}