이름 색상 · #F4F09B
Portofino
Portofino은(는) #F4F09B: rgb(244 240 155), hsl(57 80% 78%), oklch(0.939 0.106 106). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Portofino color name →
#F4F09B
oklch(0.939 0.106 106)
색상 변환
- HEX
- #f4f09b
- RGB
- rgb(244 240 155)
- HSL
- hsl(57 80% 78%)
- HWB
- hwb(57 61% 4%)
- OKLCH
- oklch(0.939 0.106 106)
- OKLab
- oklab(0.939 -0.029 0.102)
- CIE Lab
- lab(93.7 -7.59 41.6)
- LCH
- lch(93.7 42.29 100.3)
- CMYK
- cmyk(0% 2% 36% 4%)
틴트 · 셰이드 · 톤
틴트
- F5F2A6
- F6F3B1
- F7F5BB
- F8F6C5
- F9F8CF
- FAF9D9
- FBFBE3
- FDFCEC
- FEFEF6
셰이드
- D4D186
- B5B272
- 97955E
- 7A784B
- 5E5D39
- 444328
- 2B2A18
- 141409
- 030301
톤
- E8E499
- DCD997
- D0CD95
- C4C292
- B8B790
- ADAC8D
- A1A18A
- 969687
- 8B8B84
색 조화
보색 +180°
- F4F09B
Portofino
- E9E9FF
≈ Glitter
유사색 -30° +30°
- F4F09B
Portofino
- FFE7C6
≈ Semolina Pudding
- CBFCB5
≈ Distilled Venom
삼각 배색 +120° +240°
- F4F09B
Portofino
- D1F1FF
≈ Blue Hijab
- FFE1F0
≈ Pale Blossom
분열 보색 +150° +210°
- F4F09B
Portofino
- DFECFF
≈ Calcareous Sinter
- F7E3FF
≈ Soft Lavender
사각 배색 +90° +180° +270°
- F4F09B
Portofino
- 9EFFFF
≈ Glitchy Shader Blue
- E9E9FF
≈ Glitter
- FFE3E4
≈ Misty Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.18:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.78:1 · APCA Lc 96
가장 좋은 글자색: #000000
WCAG 17.78:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--portofino: #f4f09b;
--portofino-rgb: 244 240 155;
--portofino-oklch: oklch(0.939 0.106 106);
}
.element {
color: var(--portofino);
background-color: hsl(57 80% 78%);
border-color: oklch(0.939 0.106 106);
}Tailwind CSS v4
@theme {
--color-portofino: #f4f09b;
--color-portofino-50: #f8f8d5;
--color-portofino-100: #ebebc3;
--color-portofino-200: #d8d8a4;
--color-portofino-300: #bcbc7b;
--color-portofino-400: #a7a254;
--color-portofino-500: #908a27;
--color-portofino-600: #7a7524;
--color-portofino-700: #615d1c;
--color-portofino-800: #494411;
--color-portofino-900: #322f0b;
--color-portofino-950: #1e1b01;
}SCSS
$portofino: #f4f09b;
$portofino-rgb: 244, 240, 155;
$portofino-light: mix(#fff, $portofino, 20%);
$portofino-dark: mix(#000, $portofino, 20%);
.element {
color: $portofino;
box-shadow: 0 0 0 2px rgba($portofino, 0.35);
}