Nazwany kolor · #BB6569
Terra Rosa
Terra Rosa to #BB6569: rgb(187 101 105), hsl(357 39% 56%), oklch(0.607 0.11 17.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Terra Rosa color name →
#BB6569
oklch(0.607 0.11 17.9)
Konwersje koloru
- HEX
- #bb6569
- RGB
- rgb(187 101 105)
- HSL
- hsl(357 39% 56%)
- HWB
- hwb(357 40% 27%)
- OKLCH
- oklch(0.607 0.11 17.9)
- OKLab
- oklab(0.607 0.105 0.034)
- CIE Lab
- lab(53.21 35.51 14.03)
- LCH
- lch(53.21 38.18 21.6)
- CMYK
- cmyk(0% 46% 44% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C37477
- CB8385
- D29394
- D9A2A3
- E0B1B1
- E7C0C1
- EDD0D0
- F4E0DF
- F9EFEF
Odcienie ciemniejsze
- A2575A
- 8A494C
- 733C3E
- 5C2F31
- 462224
- 321718
- 1F0C0C
- 0D0304
- 020000
Tony
- B6686B
- B06C6E
- AB6F70
- A57172
- A07475
- 9A7777
- 947979
- 8D7C7C
- 877E7E
Harmonie kolorów
Komplementarna +180°
- BB6569
Terra Rosa
- 009598
≈ Sea Fantasy
Analogowa -30° +30°
- BB6569
Terra Rosa
- B2658E
≈ Je t’aime
- B76C44
≈ Tufted Leather
Triada +120° +240°
- BB6569
Terra Rosa
- 60924E
≈ Field Time Green
- 5783C4
≈ Astro Nautico
Komplementarna rozszczepiona +150° +210°
- BB6569
Terra Rosa
- 299775
≈ Cadaverous
- 1F8EB6
≈ Hidden Springs
Tetrada +90° +180° +270°
- BB6569
Terra Rosa
- 89872D
≈ Buffy Citrine
- 009598
≈ Sea Fantasy
- 7F77C0
≈ Ube
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.05:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.17:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--terra-rosa: #bb6569;
--terra-rosa-rgb: 187 101 105;
--terra-rosa-oklch: oklch(0.607 0.11 17.9);
}
.element {
color: var(--terra-rosa);
background-color: hsl(357 39% 56%);
border-color: oklch(0.607 0.11 17.9);
}Tailwind CSS v4
@theme {
--color-terra-rosa: #bb6569;
--color-terra-rosa-50: #ffe9e8;
--color-terra-rosa-100: #ffdad9;
--color-terra-rosa-200: #ffc2c1;
--color-terra-rosa-300: #eba1a0;
--color-terra-rosa-400: #d88386;
--color-terra-rosa-500: #c4656a;
--color-terra-rosa-600: #a6565a;
--color-terra-rosa-700: #854548;
--color-terra-rosa-800: #633135;
--color-terra-rosa-900: #452124;
--color-terra-rosa-950: #2d1013;
}SCSS
$terra-rosa: #bb6569;
$terra-rosa-rgb: 187, 101, 105;
$terra-rosa-light: mix(#fff, $terra-rosa, 20%);
$terra-rosa-dark: mix(#000, $terra-rosa, 20%);
.element {
color: $terra-rosa;
box-shadow: 0 0 0 2px rgba($terra-rosa, 0.35);
}